<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 客户列表</title>
    <link rel="shortcut icon" href="../content/static/img/favicon.ico">
    <link href="../content/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="../content/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../content/static/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="../content/static/css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="../content/static/css/animate.min.css" rel="stylesheet">
    <link href="../content/static/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="../content/static/css/style.min.css?v=4.0.0" rel="stylesheet">
    <style>
        .fa-female:before {
            color: #fb7cd5;
        }
        .fa-location-arrow:before {
            color: rebeccapurple;
        }
        .fa-mobile-phone:before, .fa-mobile:before{
            color: black;
        }
        .fa-map-marker:before {
            color: #1ab394;
        }
        table-th{
            font-size: 12px;
            font-family: tahoma, "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
            line-height: 1.42857143;
            color: #333;
            background-color: #f5f5f5;
        }       
         table tr{ height:40px;}
</style>
</head>

<body class="content-container">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <ol class="breadcrumb">
                        <li>
                            <a>商品信息</a>
                        </li>
                        <li>
                            <a>期初列表</a>
                        </li>
                    </ol>
                </div>
                <div class="content-wrapper">
                    <div class="panel blank-panel">
                        <div class="panel-options">
                            <ul class="nav nav-tabs">
                                <li class="active"><a data-toggle="tab" href="#tab-1">期初商品库存</a>
                                </li>
                                <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">期初应收欠款</a>
                                </li>
                                <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">期初应付欠款</a>
                                </li>
                                <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">期初账户余额</a>
                                </li>
                            </ul>
                        </div>
                        <div class="panel-body" style="padding: 10px 0px 0px 0px;">
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane active">
                                    <div class="search-condition">
                                        <div>
                                            <div class="filter-wrapper">
                                                <ul class="clearfix">
                                                    <li class="filter-item ">
                                                        <label>商品编号</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item ">
                                                        <label>商品名称</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item">
                                                        <label>所在库存</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item">
                                                        <a class="revision-btn revision-btn-search">搜索</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                                        <div class="alert alert-info" style="margin-bottom: 0px">
                                            <span>总条数：<span>12 条</span></span>
                                            <span>总金额：<span class="amount">192,00.00 </span></span>
                                        </div>
                                    </div>
                                    <table class="table table-hover table-bordered">
                                        <thead>
                                            <tr>
                                                <th>序号</th>
                                                <th>商品编号</th>
                                                <th>商品名称</th>
                                                <th>规格</th>
                                                <th>属性</th>
                                                <th>单位</th>
                                                <th>期初库存数量</th>
                                                <th>期初库存金额</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>SP20150302231756P</td>
                                                <td>9.8漾漾屋红枣</td>
                                                <td>20</td>
                                                <td>-</td>
                                                <td>只</td>
                                                <td>250</td>
                                                <td class="amount">92,00.00</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                    <a href="" class="">库存分布</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>SP20150302232832P</td>
                                                <td>水蜜桃优酪果冻</td>
                                                <td>500</td>
                                                <td>-</td>
                                                <td>斤</td>
                                                <td>60</td>
                                                <td class="amount">100,00.00</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                    <a href="" class="">库存分布</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div id="tab-2" class="tab-pane">
                                    <div class="search-condition">
                                        <div>
                                            <div class="filter-wrapper">
                                                <ul class="clearfix">
                                                    <li class="filter-item ">
                                                        <label>客户编号</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item ">
                                                        <label>客户名称</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item ">
                                                        <label>名称</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item">
                                                        <a class="revision-btn revision-btn-search">搜索</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                                        <div class="alert alert-info" style="margin-bottom: 0px">
                                            <a class="revision-btn" v-on:click="exportShow()">导出</a>&nbsp;&nbsp;
                                            <span>总条数：<span>12 条</span></span>
                                        </div>
                                    </div>
                                    <table class="table table-hover table-bordered">
                                        <thead>
                                            <tr>
                                                <th>序号</th>
                                                <th>客户编号</th>
                                                <th>客户名称</th>
                                                <th>期初应收欠款</th>
                                                <th>联系人</th>
                                                <th>联系电话</th>
                                                <th>单位电话</th>
                                                <th>地址</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>CUS20150302232832P</td>
                                                <td>张雷</td>
                                                <td class="amount">200,0.00</td>
                                                <td>张雷</td>
                                                <td>15150666987</td>
                                                <td>0512-888888888</td>
                                                <td>苏州工业园区星湖街#12</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>CUS20150302232831P</td>
                                                <td>方鑫</td>
                                                <td class="amount">500.00</td>
                                                <td>方通</td>
                                                <td>1380569421</td>
                                                <td>0512-66666666</td>
                                                <td>苏州工业园区裕新路#12</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div id="tab-3" class="tab-pane">
                                    <div class="search-condition">
                                        <div>
                                            <div class="filter-wrapper">
                                                <ul class="clearfix">
                                                    <li class="filter-item ">
                                                        <label>供应商编号</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item ">
                                                        <label>供应商名称</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item ">
                                                        <label>联系人</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item">
                                                        <a class="revision-btn revision-btn-search">搜索</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                                        <div class="alert alert-info" style="margin-bottom: 0px">
                                            <a class="revision-btn" v-on:click="exportShow()">导出</a>&nbsp;&nbsp;
                                            <span>总条数：<span>12 条</span></span>
                                        </div>
                                    </div>
                                    <table class="table table-hover table-bordered">
                                        <thead>
                                            <tr>
                                                <th>序号</th>
                                                <th>供应商编号</th>
                                                <th>供应商名称</th>
                                                <th>期初应付欠款</th>
                                                <th>联系人</th>
                                                <th>联系电话</th>
                                                <th>单位电话</th>
                                                <th>地址</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>SUP20150302232832P</td>
                                                <td>张雷1</td>
                                                <td class="amount">200,0.00</td>
                                                <td>张雷</td>
                                                <td>15150666987</td>
                                                <td>0512-888888888</td>
                                                <td>苏州工业园区星湖街#12</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>SUP20150302232831P</td>
                                                <td>方鑫1</td>
                                                <td class="amount">500.00</td>
                                                <td>方通</td>
                                                <td>1380569421</td>
                                                <td>0512-66666666</td>
                                                <td>苏州工业园区裕新路#12</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div id="tab-4" class="tab-pane">
                                    <div class="search-condition">
                                        <div>
                                            <div class="filter-wrapper">
                                                <ul class="clearfix">
                                                    <li class="filter-item ">
                                                        <label>账户名称</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item ">
                                                        <label>开户银行</label>
                                                        <div>
                                                            <div class="fill-wrapper">
                                                                <input id="serialNumber" type="text" class="fill-item">
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="filter-item">
                                                        <a class="revision-btn revision-btn-search">搜索</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                                        <div class="alert alert-info" style="margin-bottom: 0px">
                                            <a class="revision-btn" v-on:click="exportShow()">打印</a>
                                            <span>总条数：<span>12 条</span></span>
                                        </div>
                                    </div>
                                    <table class="table table-hover table-bordered">
                                        <thead>
                                            <tr>
                                                <th>序号</th>
                                                <th>账户名称</th>
                                                <th>开户银行</th>
                                                <th>银行所在地</th>
                                                <th>所属仓库/门店</th>
                                                <th>期初余额</th>
                                                <th>状态</th>
                                                <th>地址</th>
                                                <th>备注</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>SUP20150302232832P</td>
                                                <td>中国银行</td>
                                                <td>兴塘街211号</td>
                                                <td>A仓库</td>
                                                <td class="amount">200,0.00</td>
                                                <td>正常</td>
                                                <td>东大街</td>
                                                <td>--</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>SUP20150302232832P</td>
                                                <td>农业银行</td>
                                                <td>兴塘街211号</td>
                                                <td>C仓库</td>
                                                <td class="amount">200,0.00</td>
                                                <td>销户/冻结/注销</td>
                                                <td>东大街</td>
                                                <td>--</td>
                                                <td>
                                                    <a href="" class="">详情</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../content/js/lib/vue/vue.min.js"></script>
    <script src="../content/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="../content/static/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="../content/static/js/plugins/switchery/switchery.js"></script>
    <script src="../content/static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../content/static/js/content.min.js?v=1.0.0"></script>
    <script src="../content/js/lib/vue/vue-modal.js"></script>
    <script src="../content/js/lib/vue/vue-pagination.js"></script>
    <script src="../content/js/common.js"></script>
    <script type="text/javascript">
        var vmData = {};
        vmData = $.extend(vmData, baseData);
        var vmMothod = {
            init: function () {},
        };
        vmMothod = $.extend(vmMothod, baseCommonFunction);
        var vm = new Vue({
            el: '.content-container',
            data: vmData,
            methods: vmMothod
        });
        vm.init();
    </script>
</body>

</html>